<template>
    <div class="page">
        <div class="header flex-align-items">
            <div class=' w-1200 breadcrumb'>
                <img  src="@/static/engineering5188/common/first.png" alt="">
                <span class="color66 m-l-10">服务中心</span>
                <span class="color66 m-l-5">></span>
                <span class="color00 m-l-5">联系我们</span>
            </div>
        </div>
        <div  class=' w-1200 m-t-56 p-b-56'>
            <div class="title">联系我们</div>
            <div class="m-t-20 font16 min-height" >
                <div class="companyTitle">{{privacyContent.site_name}}</div>
                <div class="tips m-t-10">总部地址：{{privacyContent.site_address}}</div>
                <div class="tips">服务热线：{{privacyContent.site_tel}}</div>
                <div class="tips">商务洽谈：{{privacyContent.mobile}}</div>
            </div>
        </div>
    </div>
    
</template>

<script>
export default {
    name: "aboutUs",
    props: [],
    data() {
        return {
            privacyContent:'',
        };
    },
    props:{
    },
    computed: {
    },
    watch: {},
    created() {
        this.getData();
    },
    methods: {
        getData(){
            this.$httpApi("/api/setting", {},'get').then(res => {
                this.privacyContent = res.data
            })
        }
    },
};
</script>

<style scoped lang="less">
.page{
    width:100%;
    height:100%;
    background-color:  #F6F6F6;

    
    .header{
        width:100%;
        height:60px;
        background-color: #fff;
    }

    .w-1200{
        width:1200px;
        margin:0 auto;
    }
    .breadcrumb{
        font-weight: 400;
        font-size: 14px;
        line-height: 14px;
    }
    img{
        width:14px;
        height:14px;
    }
    .color66 {
        color: #666666;
    }
    .color00{
        color:#000;
    }

    .m-l-10{
        margin-left:10px;
    }
    .m-l-5{
        margin-left:5px;
    }

    .flex-align-items{
        display: flex;
        align-items: center;
    }

    .m-t-56{
        margin-top:56px;
    }
    .m-t-20{
        margin-top:20px;
    }
    .p-b-56{
        padding-bottom:56px;
    }

    .title{
        font-weight: bold;
        font-size: 36px;
        color: #000000;
    }
    .font16{
        font-size: 16px;
    }
    .min-height{
        min-height: 300px;
    }
    .companyTitle{
        font-weight: bold;
        font-size: 24px;
        color: #000000;
    }

    .m-t-10{
        margin-top:10px;
    }
    .tips{
        font-weight: 400;
        font-size: 16px;
        color: #333333;
        line-height: 32px;
    }
}

</style>